﻿<!DOCTYPE html>
<html>

<head>
  <title></title>
  <vt:include file="inc/meta.inc" />
  <link rel="stylesheet" href="Styles/default.css?ver={$version}" />


  <script type="text/javascript" src="/Utility/Scripts/popup-notice.js?ver={$version}"></script>
</head>

<body mremove="{$mremove}">
  <div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable mui-scalable">
    <!--侧滑菜单部分-->
    <vt:include file="inc/Menu.html" />
    <div class="mui-inner-wrap" id="vapp">
      <header class="mui-bar mui-bar-nav headbar"><img src="{$orgPath}{$org.org_logo}" class="logo" />
        <form action="courses.ashx" method="get" id="formSearch">
          <input name="sear" type="search" class="sear txtSearch" placeholder="搜索">
        </form>
        <script language="javascript" type="text/javascript">
          $(function () {
            //设置搜索框的宽度
            $("header img.logo").load(setFormSearchWidth);
            $(window).load(setFormSearchWidth);
            function setFormSearchWidth() {
              var searWidth = $("header").width() - $("header .logo").width() - 10;
              $("#formSearch").animate({ width: searWidth });
            }
          });
        </script>
      </header>
      <div class="mui-content mui-scroll-wrapper">
        <div class="mui-scroll">
          <!--/*轮换图片*/-->
          <div class="mui-slider" style="margin-top: 40px;">
            <el-carousel height="150px" indicator-position="none" v-if="showpic.length>0">
              <el-carousel-item v-for="pic in showpic" :key="pic.Shp_ID">
                <a :href="pic.Shp_Url" :type="pic.Shp_Url=='' ? 'none' : 'link'"> <img :src="pic.Shp_File"
                    :alt="pic.Shp_Intro" /></a>
              </el-carousel-item>
            </el-carousel>
            <el-carousel height="150px" indicator-position="none" v-else>
              <el-carousel-item> <img src="imagesShow/1.jpg" /> </el-carousel-item>
              <el-carousel-item> <img src="imagesShow/2.jpg" /> </el-carousel-item>
              <el-carousel-item> <img src="imagesShow/3.jpg" /> </el-carousel-item>
            </el-carousel>
          </div>

          <!--通知公告-->
          <ul class="mui-table-view notice-box" v-if="notice.length>0">
            <el-carousel height="50px" direction="vertical" :autoplay="true">
              <el-carousel-item v-for="(data,index) in notice" :noid="data.No_Id" :key="data.No_Id">
                <li class="mui-table-view-cell mui-collapse"><a :href="'notice.ashx?id='+data.No_Id" class="notice"
                    :title="data.No_Ttl" type="link"> <i></i>
                    {{data.No_Ttl}}</a> <span class="mui-badge">{{data.No_StartTime|date('MM-dd')}}</span>
                </li>
              </el-carousel-item>
            </el-carousel>
          </ul>
          <!--自定义菜单-->
          <div class="custom-menu">
            <a v-for="m in menus" :type="m.Nav_Url=='' ? 'none' : 'link'" :href="m.Nav_Url"
              :style="'color:'+m.Nav_Color+';font-family:'+m.Nav_Font+';'">
              <img :src="m.Nav_Logo" v-if="m.Nav_Logo!=''" class="mitem" />
              <b class="mitem" v-else></b>
              <strong v-if="m.Nav_IsBold">
                {{m.Nav_Name}} </strong>
              <template v-else> {{m.Nav_Name}} </template>
            </a>
          </div>
          <!--课程区-->
          <div class="cour-area">
            <div class="cour-top">
              <div class="cour-left-line">
              </div>
              <a class="cour-more" href="courses.ashx" type="link"></a>
              <div id="sliderSegmentedControl"
                class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted cour-bar">
                <div class="mui-scroll cour-tit">
                  <a :class="'mui-control-item '+ (curr_sbjid==0 ? 'current' : '')" v-on:tap="curr_sbjid=0">精选课程</a>
                  <a :class="'mui-control-item '+ (curr_sbjid==m.Sbj_ID ? 'current' : '')" v-for="m in subject"
                    v-on:tap="curr_sbjid=m.Sbj_ID" :sbjid="m.Sbj_ID">{{m.Sbj_ByName}}</a>
                </div>
              </div>
            </div>
            <div class="cour-context">
              <img id="default-img" src="images/cou_nophoto.jpg" style="display: none;" />
              <courses :sbjid="curr_sbjid" :orgid="organ.Org_ID" :config="config"></courses>

            </div>
            <!-- 课程区结束 -->
          </div>

        </div>
      </div>
      <div class="mui-off-canvas-backdrop">
      </div>
      <space></space>
      <vt:include file="inc/homefooter.html" />
    </div>
  </div>
  <vt:include file="inc/SubjectSelect.html" />
  <div id="notice_box" remark="通知公告的弹出" v-cloak>
    <popup-notice forpage="mobi_home"></popup-notice>
  </div>

</body>
<script type="text/javascript" src="Scripts/default.js?ver={$version}"></script>

</html>